<!--2、登录&注册-->
<template>
  <div class="fqa">
    <div class="page-title">
      <p class="title">ORDERING</p>
    </div>
    <div class="container fqa-frame">
      <p
        class="ac-bg text"
        v-for="(item, index) in fqaList"
        :key="index"
        @click="clickQuestion(index)"
      >
        {{ item.name }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fqaList: [
        {
          name: "Why is the order cancelled",
          url: "/other/deliorder/ordering/qs1",
        },
        {
          name: "Cancel And Modify My Order",
          url: "/other/deliorder/ordering/qs2",
        },
        {
          name: "Is There A Limit To The Number Of Orders",
          url: "/other/deliorder/ordering/qs3",
        },
      ],
    };
  },
  methods: {
    clickQuestion(index) {
      this.$router.push({
        path: this.fqaList[index].url,
      });
    },
  },
};
</script>
<style lang="less" scoped>
.fqa {
  padding-bottom: 10rem;
  .fqa-frame {
    width: 100%;
    clear: both;
    margin: 0 autp;
    text-align: center;
    padding-bottom: 1rem;

    .text {
      font-size: 0.8rem;
      line-height: 0.8rem;
      margin-top: 0.5rem;
      cursor: pointer;
      font-family: "BTBlack";
    }
    .text:hover {
      color: #979899;
    }
  }
}
</style>